html{
	font-size: 100px;
}
*{
	margin: 0;
	padding: 0;
}
a{
	color: indianred;
	text-decoration: none;//去除下划线
}
li{
	list-style: none;
}

img{
	display: block;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

#head-wrap{
	background-color: #fff;
	width: 100%;
}
.to-top{
	width:0.8rem;
	height:0.8rem;
	position: fixed;
	bottom: 0.5rem;
	right: 0.2rem;
	cursor: pointer;
	background-color: rgba(35,35,35,0.2);
}
.to-top:hover{
	background-color: #5F9765;
}
.to-top img{
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#header{
	width: 12.8rem;
	height: 0.64rem;
	margin: 0 auto;
	padding-top: 0.36rem;
}
#header .logo img{
	float: left;
	width: 1.13rem;
	height: 0.55rem;
}
#header .right-box{
	float: right;
	width: 8.44rem;
	height: 0.48rem;
	margin-top: 0.16rem;
}
#header .nav{
	height: 0.46rem;
	font-family: OPPOSans-R;
	font-size: 0.18rem;
	line-height: 0.46rem;
	color: #606060;
	float: left;
	margin-left: 0.8rem;
}
#header .nav a{
	color: #606060;
}
#header .nav li{
	float: left;
	padding: 0 0.22rem;
	position: relative;
	cursor:pointer;
}
#header .nav li div{
	position: absolute;
	background-color: #f0f0f0;
	color: #777;
	left: 0;
	top: 0.48rem;
	height: 0;
	transition:all 0.5s linear;
	overflow: hidden;
	z-index: 2;
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.4rem;
	width: 100%;
}
#header .nav li .two{
	width: 3.9rem;
	text-align: left;
	left: -1.2rem;
}
#header .nav li .two p{
	margin-left: 0.4rem;
}
#header .nav li:hover div{
	height: auto;
	padding: 0.2rem 0;
}

#header .nav .hover{
	border-bottom: 0.02rem solid #72af6b;
}
#header .nav .hover a{
	color: #72af6b;
}
#header .xiaomi{
	float: left;
	margin: 0.12rem 0.2rem 0 0rem;
	background-color: #72af6b;
	border-radius: 0.05rem;
	font-size: 0.14rem;
	line-height: 0.23rem;
	color: #ffffff;
	text-align: center;
	cursor:pointer;
	padding: 0 0.08rem;
}
#header .lang{
	font-family: OPPOSans-R;
	height: 0.46rem;
	width: 0.53rem;
	font-size: 0.18rem;
	line-height: 0.46rem;
	color: #606060;
	float: left;
}




#footer-wrap{
	background-color: #272727;
	width: 100%;
}
#footer{
	width: 12.8rem;
	margin: 0 auto;
	height: 5.73rem;
	padding-top: 0.7rem;
}
#footer .top{
	height: 4.01rem;
}
#footer .top .nav{
	height: 100%;
	width: 1.58rem;
	margin-right: 0.24rem;
	float: left;
}
#footer .top .nav h4{
	width: 1.58rem;
	height: 0.4rem;
	border-bottom: 1px solid #626262;
	font-family: OPPOSans-M;
	font-size: 0.16rem;
	line-height: 0.4rem;
	color: #ffffff;
}
#footer .top .nav p{
	font-family: OPPOSans-L;
	font-size: 0.14rem;
	line-height: 0.2rem;
	color: #b9b9b9;
	margin-top: 0.2rem;
	cursor:pointer;
}
#footer .top .company{
	float: right;
	width: 2.67rem;
	height: 100%;
	font-family: OPPOSans-L;
	font-size: 0.14rem;
	line-height: 0.32rem;
	color: #ffffff;
}
#footer .top .company img{
	width: 1.15rem;
	height: 0.45rem;
	margin: 0.1rem 0 0.25rem 0;
}
#footer .footer-line{
	height: 0.49rem;
	line-height: 0.49rem;
	border-bottom: #626262 solid 1px;
	font-family: OPPOSans-L;
	font-size: 0.16rem;
	letter-spacing: 0.02rem;
	color: #b1b1b1;
	text-align: right;
}
#footer .copyright{
	font-family: OPPOSans-L;
	font-size: 0.14rem;
	line-height: 0.56rem;
	color: #a7a7a7;
}